.demand{
    width: 1000px;
    height: 817px;
//  border: 1px solid #f8f8f8;
    border: 1px solid #e7e7e7;
    margin: 0 auto;
    margin-bottom: 356px;
    .demand-top{
        width: 886px;
        height: 343px;
        border-bottom: 1px solid #e7e7e7;
        margin: 0 auto;
        margin-top: 32px;
        p{
            font-size: 20px;
            margin-bottom: 22px;
            
        }
        .demand-flow{
            width: 100%;
            height: 266px;
            background: #f7f7f7;
            .line{
               
                height: 187px;
                border: 1px solid #dfdfdf;
                margin-top: 39px;
                position: relative;
                left: 30px;
            }
            .flow-left{
                width: 12px;
                height: 196px;
//              border: 1px solid red;
                margin-left: 24px;
                margin-top: 36px;
             
             
                ul{
                    li{
                        .big_point{
                            width: 12px;
                            height: 12px;
                            border-radius: 6px;
                            background: #dfdfdf;
                            margin-bottom: 34px;
                        }
                        .small_point{
                            width: 4px;
                            height: 4px;
                            border-radius: 2px;
                            background: #f5f5f5;
                            margin: 0 auto;
                            position: relative;
                            top: 4px;
                        }
                    }
                    li:nth-child(1){
                        .big_point{
                            background: #eb413d;
                        }
                    }
                }
            }
            .flow-right{
                margin-top: 36px;
                margin-left: 22px;
                table{
                    width: 460px;
                    height: 196px;
                    tr{
                        td{
                            font-size: 13px;
                        }
                        td:nth-child(1){
                            width: 92px;
                        }
                        td:nth-child(2){
                            width: 72px;
                        }
                    }
                    
                }
            }
        }
    }
    .demand-center{
        table{
            width: 468px;
            height: 215px;
            margin-top: 30px;
            margin-left: 70px;
            tr{
                td{
                    span{
                        font-size: 13px;
                        color: #878787;
                    }
                    p{
                        font-size: 13px;
                    }
                }
            }
        }
    }
    .demand-bottom{
        .bottom_left{
            width: 112px;
            height: 138px;
//          border: 1px solid black;
            margin-left: 70px;
            margin-top: 20px;
            span{
                color: #878787;
                font-size: 13px;
            }
        .bottom_img1{
            width: 112px;
            height: 112px;
            border: 1px solid #e7e7e7;
            position: relative;
            img{
                position: absolute;
                top: -9px;
                bottom: -9px;
                left: -9px;
                right: -9px;
                margin: auto;
            }
        }
        }
        .bottom_right{
            width: 112px;
            height: 138px;
//          border: 1px solid black;
            margin-left: 18px;
            margin-top: 20px;
            
            span{
                color: #878787;
                font-size: 13px;
            }
        .bottom_img2{
            width: 112px;
            height: 112px;
            border: 1px solid #e7e7e7;
            position: relative;
            img{
                position: absolute;
                top: -9px;
                bottom: -9px;
                left: -9px;
                right: -9px;
                margin: auto;
            }
        }
        }
    }
}
